@import "constants";

.main{
    .wrapper {
        .container-wrapper {
            .sidebar-wrapper {
                .top-group {
                    padding: 20px;
                    border-bottom: 1px solid $lineColor;
                    overflow: hidden;

                    .title {
                        float: left;
                        font-size: 20px;
                    }

                    .image {
                        float: right;
                    }
                }

                .ad {
                    padding: 10px 0;
                    width: $sideBarWidth;
                    border-bottom: 1px solid $lineColor;

                    a {
                        width: $sideBarWidth;

                        img {
                            width: $sideBarWidth;
                            max-height: 300px;
                        }
                    }
                }

                .hot-articles {
                    padding: 20px;
                    border-bottom: 1px solid $lineColor;

                    .title-group {
                        border-bottom: 1px solid $lineColor;

                        .title {
                            font-size: 20px;
                        }
                    }

                    .hot-list-group {
                        li {
                            padding: 10px 0 10px;
                            border-bottom: 1px solid $lineColor;
                            overflow: hidden;

                            .left-group {
                                float: left;
                                width: 204px;
                                height: 72px;
                                position: relative;

                                .title {
                                    font-size: 16px;

                                    a {
                                        color: $mainFontColor;

                                        &:hover {
                                            color: $themeColor;
                                        }
                                    }
                                }

                                .more {
                                    position: absolute;
                                    overflow: hidden;
                                    font-size: 12px;
                                    left: 0;
                                    right: 0;
                                    bottom: 0;

                                    .category {
                                        color: $themeColor;
                                        float: left;
                                    }

                                    .pub-time {
                                        float: right;
                                        color: $assistFontColor;
                                    }
                                }
                            }

                            .right-group {
                                float: right;
                                width: 102px;
                                height: 72px;

                                img {
                                    width: 100%;
                                    height: 100%;
                                }
                            }
                        }
                    }
                }

                .friend-link {
                    padding: 20px;
                    border-bottom: 1px solid $lineColor;

                    .title-group {
                        overflow: hidden;
                        border-bottom: 1px solid $lineColor;

                        .title {
                            font-size: 20px;
                            float: left;
                        }

                        .apply-link {
                            float: right;
                        }
                    }

                    .detail {
                        font-size: 12px;
                        margin-top: 10px;
                    }
                }
            }
        }
    }
}